<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="/Public/css/gyBase.css" type="text/css" rel="stylesheet"/>
    <link href="/Public/css/maint.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="activeTitles">
    <ul class="ulactTitle"> <!-- TODO: not good, cause html rendering uneffective, should use real tab -->
        <li class="on" style="width: 101%"><span>人气榜</span></li>
    </ul>
</div>
<div class="content">
    <div class="waterFallBox" id="waterfull">
        <ul id="ulWaterfall" class="masonry" style="position: relative; height: 1000px;">
            <li class="item masonry-brick" style="text-align: center; opacity: 1; top: 0px; position: absolute; left: 0px;height: 250px;width: 45%;">
                <span class="spanNum" style="color:black;height: 30px;">编号：1</span>
                <video src="http://esm.zbxinmeiti.com/Public/vedio/linan/linan.m3u8" controls="controls" poster="/Public/images/1.jpg"
                    style="width:100%; height: 160px;">
                    您的浏览器不支持 video 标签。
                </video>
                <div class="workName">我家乡的冬至美食，快来猜猜我是哪里人</div>
            </li>
            <li class="item masonry-brick" style="text-align: center; opacity: 1; top: 0px; position: absolute; left: 50%;height: 250px;width: 45%;">
                <span class="spanNum" style="color:black;height: 30px;">编号：2</span>
                <video src="http://esm.zbxinmeiti.com/Public/vedio/linan/linan.m3u8" controls="controls" poster="/Public/images/1.jpg"
                       style="width:100%; height: 160px;">
                    您的浏览器不支持 video 标签。
                </video>
                <div class="workName">我家乡的冬至美食，快来猜猜我是哪里人</div>
            </li>
            <li class="item masonry-brick" style="text-align: center; opacity: 1; top: 280px; position: absolute; left: 0;height: 250px;width: 45%;">
                <span class="spanNum" style="color:black;height: 30px;">编号：3</span>
                <video src="http://esm.zbxinmeiti.com/Public/vedio/linan/linan.m3u8" controls="controls" poster="/Public/images/1.jpg"
                       style="width:100%; height: 160px;">
                    您的浏览器不支持 video 标签。
                </video>
                <div class="workName">我家乡的冬至美食，快来猜猜我是哪里人</div>
            </li>
        </ul>
    </div>
</div>
</body>
<script src="/Public/js/jquery-1.11.0.min.js"></script>
<script src="/Public/js/common/baidutongji.js"></script>
</html>
